<template>
  <q-layout view="lHh Lpr lFf">
    <q-page-container>
      <transition enter-active-class="animated fadeIn" leave-active-class="animated fadeOut" mode="out-in" :duration="300" @leave="resetScroll">
        <router-view />
      </transition>
    </q-page-container>
  </q-layout>
</template>

<script>
export default {
  name: "LayoutPlay",
  data() {
    return {
      
    };
  },
  methods: {
    resetScroll(el, done) {
      document.documentElement.scrollTop = 0;
      document.body.scrollTop = 0;
      done();
    },
  },
  created() {
  }
};
</script>

<style>
.q-layout-page {
  padding-top: 0;
}
.q-toolbar {
  text-align: center;
}
</style>
